Ext.onReady(function() {
	Ext.QuickTips.init(); // 如要实现错误提示，需要此初始化
	Ext.form.Field.prototype.msgTarget = 'side';

	var height = this.document.documentElement.clientHeight;
	var width = this.document.documentElement.clientWidth;

	var login = new Ext.form.FormPanel({
		id : 'login',
		width : 300,
		height : 200,
		frame : true,
		layout : 'form',
		// closable : true,
		// autoShow : true,
		region : 'center',
		labelAlign : "center",
		buttonAlign : "center",
		items : [{
					xtype : "tbseparator"
				}, new Ext.form.Field({
							id : 'user',
							name : 'user',
							fieldLabel : '用户名',
							blankText : '用户名不能为空',
							labelAlign : 'center'
						}), new Ext.form.Field({
							id : 'pass',
							name : 'pass',
							fieldLabel : '密码',
							labelAlign : 'center',
							blankText : '密码不能为空',
							inputType : 'password'
						}), new Ext.form.Field({
							id : 'randField',
							name : 'randField',
							fieldLabel : '验证码',
							labelAlign : 'center',
							blankText : '验证码不能为空'
						}), {
					name : 'randCode',
					id : 'randCode',
					width : 80,
					blankText : '验证码不能为空',
					labelAlign : 'right'
				}],
		url : 'login',
		method : 'get',
		buttons : [{
			text : "提交",
			icon : "static/extjsLib/resources/images/default/dd/drop-yes.gif",
			handler : function() {
				login.getForm().submit({
					success : function(form, action) {
						var messagestr = action.result.msg;
						if (messagestr == 'yes') {
							var cookies = new Ext.state.CookieProvider();
							cookies.set('username', Ext.get('user').getValue());
							Ext.Msg.alert("信息", "恭喜,登录成功！");
							document.location.href = 'main.jsp';
							login.close();
						}
						if (messagestr == 'error') {
							Ext.Msg.alert("信息", "验证码错误！");
						}
					},
					failure : function(response) {
						Ext.Msg.alert("信息", "登陆失败，请检查用户名和密码后再次尝试!");
					}
				});
			}
		}, {
			text : "取消",
			icon : "static/extjsLib/resources/images/default/dd/drop-no.gif",
			handler : function() {
				login.getForm().reset();
			}
		}]
	});

	var win = new Ext.Window({
				title : '登陆',
				width : 300,
				height : 200,
				minWidth : 300,
				minHeight : 200,
				layout : 'fit',
				plain : true,
				bodyStyle : 'padding:5px;',
				buttonAlign : 'center',
				items : login,
				frame : true,
				closable : true,
				autoShow : true
			});
	win.show();
	//验证码的生成
	var bd = Ext.getDom('randCode');
	var bd2 = Ext.get(bd.parentNode);
	bd2.createChild([{
				tag : 'span',
				html : '     '
			}, {
				tag : 'img',
				src : 'randGenerator.jsp',
				align : 'absbottom'
			}]);
});